<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标签</title>
	</head>
	<body>
		<!--
        	作者：1342024164@qq.com
        	时间：2016-08-20
        	描述：
        	form表单：客户端浏览器用来向服务器端进行信息提交的标签
        	        写在form表单里的标签的值才会被提交给服务器
        	   action--指定的是服务器的哪个程序（类-方法）进行响应；
        	   method--使用哪种方式进行数据从客户端发送到服务器
        	            选项：get--将客户端数据信息附加到访问链接URL的尾端进行信息发送
        	                            注：需要附加在URL之后，可能会以明文的方式显示，信息不安全
        	                                   长度会受到限制（不能大于255个制度）
        	                                   汉字容易乱码（字节流方式传输）                
        	        post--将客户端数据信息以数据包的形式发送到服务器端    
        -->
        <form action="#" method="get">
        	<table  cellspacing="0" width="600" bordercolor="FBCCBB" align="center" >
        		<tbody>
        			<tr height="80">
        				<td>姓名</td>
        				<td><input disabled="disabled" type="text" id="txtName" name="txtName" maxlength="4" style="width: 60%;border-color:blue;"/></td>
        			</tr>
        			<tr height="80">
        				<td>登录密码</td>
        				<td><input readonly="readonly" type="password" id="ps" name="pp" style="width: 60%;border-color:deeppink;"/></td>
        			</tr>
        			<tr height="80">
        				<td>性别</td>
        				<!--radio类型的输入框，需要name属性值一致，才具有互斥性-->
        				<td><input type="radio" id="radSex1" checked="checked" name="radSex"/>女
        				    <input type="radio" id="radSex2" name="radSex"/>男
        				    <input type="radio" id="radSex3" name="radSex"/>人妖
        				</td>
        			</tr>
        			<tr height="80">
        				<td>个人简历</td>
        				<!--仅在文件上传中可使用accept属性，规定能够通过文件上传进行提交的文件类型-->
        				<td><input accept="image/jpeg" type="file" id="fileResume" name="fileResume" /></td>
        			</tr>
        			<tr height="80">
        				<td>兴趣爱好</td>
        				<td><input type="checkbox" id="ch1" name="ch"/>摄影
        				    <input type="checkbox" id="ch2" name="ch"/>旅游
        				    <input type="checkbox" id="ch3" name="ch"/>读书
        				    <input type="checkbox" id="ch4" checked name="ch"/>跑步
        				    <input type="checkbox" id="ch5" name="ch"/>打球
        				</td>
        			</tr>
        			<tr height="80">
        				<td>学历</td>
        				<td><select id="degree" name="de" style="width: 30%;">
        					<option value=""></option>
        					<option value="cz">初中</option>
        					<option value="gz">高中</option>
        					<option value="dz">专科</option>
        					<option value="bk" selected>本科</option>
        					<option value="ss">硕士</option>
        				</select></td>
        			</tr>
        			<tr height="80">
        				<td>自我介绍</td>
        				<td><textarea id="ti" name="tt" style="width: 60%;border-color: lightgreen;"></textarea></td>
        			</tr>
        			<tr height="80">
        				<td>隐藏控件</td>
        				<td><input type="hidden" id="hi" name="hh" value="秃鹰秃鹰，我是毒蛇"/></td>
        			</tr>
        			<tr>
        				
        				<td colspan="2"><input type="button" id="bu" name="bu" value="注册"/></td>
        			</tr>
        			<tr>
        				<td><input type="submit" id="sub" value="提交" style="background-color:#199B08"/></td>
        				<td  align="center"><input type="reset" id="re" value="重置" style="background-color:#199B08"/></td>
        			</tr>
        		</tbody>
            </table>
        </form>
        
	</body>
</html>
